import React from 'react';
import './CommodityPrice.css'


const Commodityprice = (props) => {
   const commodityPriceDiscount = props.commodityPriceDiscount;
   const commodityPrice = props.commodityPrice
    return (
        <div className='commodity-container'>
            <div className="commodity-price">
                <div className="price-describe">春节不打烊</div>
                <div className="price-detail">
                    <span>￥</span>
                    <span className='thingPrice'>{commodityPrice}</span>
                    <span>起</span>
                </div>
            </div>
            <div className="commodity-discount">
                <span>券后￥</span>
                <span className='discount-price'>{commodityPriceDiscount}</span>
                <span>起</span>
            </div>
            <div className="commodity-active">
                <span>春节照常发货</span>
                <span>热卖中</span>
                <span>下单立抢</span>
            </div>
        </div>
    );
}

export default Commodityprice;
